import React from 'react';
import {NavLink} from 'react-router-dom';

function Nav() {
  return (
    <ul className="nav">
      <li><NavLink exact activeClassName="active" to="/">Home</NavLink></li>
      <li><NavLink activeClassName="active" to="/battle">Battle</NavLink></li>
      <li><NavLink activeClassName="active" to="/popular">Popular</NavLink></li>
      <li><NavLink activeClassName="active" to="/visualization">Visualization</NavLink></li>
      <li><NavLink activeClassName="active" to="/task">Task</NavLink></li>
    </ul>
  );
}

export default Nav;